<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>404</title>
		<!-- icon -->
		<link rel="icon" type="image/icon" href="img/icon/logo.ico" />
		<style>
			*{
				margin:0;
				padding:0;
			}
			body{
				overflow: hidden;
			}
			.container{
				position: absolute;
				width:100%;
				height:100%;
				left:0;
				top:0;
				text-align: center;
				color:#444;
			}
			.container .text {
				position: absolute;
				top:30%;
				left:50%;
				transform: translate(-50%,-50%);
			}
			.container .text h1{
				font-weight: 400;
				font-size:130px;
			}
			.container .text h3{
				font-weight: 400;
				font-size:28px;
			}
			.container .text p{
				padding-top:15px;
				font-size:15px;
			}
			.container .footer{
				width:100%;
				height:75px;
				background:#474747;
				color:#fff;
				position: absolute;
				bottom:0;
				font-size:14px;
				font-weight:300;
				text-align: left;
			}
			.container .footer p{
				padding-left:45px;
				padding-top:5px;
			}
			.container .footer p:first-child{
				margin-top:10px;
			}
			.container .tips{
				font-size:12px;
			}
			a{
				display: block;
				margin-top:25px;
				text-decoration: none;
				padding:10px 25px;
				background: rgba(0,0,0,0.5);
				color:#fff;
				border-radius: 2px;;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="text">
				<h1>404</h1>
				<h3>Not Found</h3>
				<p>有些事也许一开始就是错的</p>
				<a href="#" class="back" onclick="window.history.go(-1)">返回</a>
			</div>
			<div class="footer">
				<p>2019@甘肃省陇西市天誉医院</p>
				<p class="tips">用心服务好每一个病人</p>
			</div>
		</div>
		<script type="text/javascript">
			//鹏鹏制作logo的工作
			// class Work_logo {
			// 	//激活鹏鹏
			// 	constructor(author = "鹏鹏", rate = 1000) {
			// 		this.author = author;
			// 		//鹏鹏给自己设定每rate毫秒生产一个logo
			// 		this.rate = rate;
			// 	}
			// 	newLogo() {
			// 		var num = 1;
			// 		//鹏鹏开始生产
			// 		setInterval(() => {
			// 			//生产完毕打印出来
			// 			console.log({
			// 				author: this.author,
			// 				logo: 'newLogo'+num
			// 			})
			// 			num++;
			// 		},this.rate);
			// 	}
			// }
		</script>
	</body>
</html>
